<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table布局</title>
    <style>
        ul u{
            display: inline;
        }
        ul li{
            display: inline;
        }
        #tea{
            text-decoration-line: line-through;
            color: black;
        }
    </style>
</head>
<body>
<table border="1" bordercolor="#7fffcc"  cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td colspan="3">
            <img src="images/taobao.jpg" width="100%">
        </td>
    </tr>
    <tr>
        <th>我的站点<sup><img src="images/sub.jpg" width="15px"></sup></th>
        <td colspan="3">
            <ul>
                <u>请在这里选择你需要的频道：</u>
                <li><a href="#">首页</a></li>
                <li><a href="#">教程</a></li>
                <li><a href="#">视频</a></li>
                <li><a href="#">购物</a></li>
                <li><a href="#">读书</a></li>
                <li><a href="#">音乐</a></li>
                <li><a href="#">美食</a></li>
                <li><a href="#">友情链接<sub>(百度)</sub></a></li>

            </ul>
        </td>
    </tr>
    <tr>
        <td>
           <ol>
                <li><a href="#">牛奶</a></li>
                <li><a href="#">咖啡</a></li>
                <li><a href="#">啤酒</a></li>
                <li><a href="#" id="tea">茶（已经下架）</a></li>
            </ol>
        </td>
        <td>
            <dl>
                <dt>前端语言</dt>
                <dd>html5</dd>
                <dd>css3</dd>
                <dd>javascript</dd>
            </dl>
            <dl>
                <dt>服务器端语言</dt>
                <dd>node.js</dd>
                <dd>JAVA</dd>
                <dd>php</dd>
            </dl>
        </td>
        <td>
            <p><i>请扫描以下</i><em>“尚学堂”</em><i>二维码</i></p>
            <img src="images/erweima.png" title="二维码" alt="图片为显示" width="70"/>
        </td>
    </tr>
    <tr align="center">
        <td colspan="3">
            <address>版权所有&copy;<strong>北京尚学堂科技有限公司</strong></address>
        </td>
    </tr>
</table>
</body>
</html>
